<template>
  <div>
    <v-container>
      <v-row no-gutters>
        <v-col
          xl="4"
          lg="4"
          md="6"
          xs="12"
          z
          v-for="i in pondList"
          class="mt-10 d-flex justify-center"
          :key="i"
        >
          <Card model="Supplier" :day="i" />
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<script>
import Card from "../components/Card";

export default {
  components: { Card },
  data() {
    return {
      pondList: ["30", "90", "180"],
    };
  },
};
</script>

<style lang="scss" scoped></style>
